<template>
  <div class="btnWraper">
    <input
      type="button"
      :value="value"
      @click="handelClick"
      :style="{ background: $colorObj.color }"
    />
  </div>
</template>

<script>
export default {
  props: ["value"],
  methods: {
    handelClick() {
      this.$emit("clicked");
    },
  },
};
</script>

<style lang="less" scoped>
.btnWraper {
  text-align: center;
  input {
    width: 60%;
    height: 36 / 360 * 100vw;
    border-radius: 16 / 360 * 100vw;
    font-size: 15 / 360 * 100vw;
    border: 0;
    margin-top: 20 / 360 * 100vw;
    color: #fff;
    outline: none;
  }
}
</style>
